<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>安昇租车-南京及周边城市租车最低价！！</title>
    <link rel="dns-prefetch" href="http://www.ashlybus.com/m/test">
    <meta name="description" content="安昇租车-提供5~63座配驾租车服务,承接南京及周边城市旅游租车、会议接送、商务接待、婚庆租车、机场接送、团体租车、企业班车。Tel:18120116637（兼微信）">
    <meta name="keywords" content="南京租车,安昇,安昇租车,租车,租车网,租车公司,汽车租赁,租车价格,旅游租车,婚庆租车,商务租车,企业租车,包车,租车手续">
    <script src="../js/flexible.js"></script>
    <script src="../js/vue.js"></script>
    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="../css/other.css">
</head>
<body>

<div id="casesDetail">
    <div class="title">
        <a href="javascript:history.back(-1);" class="back"></a>
        <h2>成功案例</h2>
        <a href="../index.html" class="index">首页</a>
    </div>
    <div class="content">
        <!--banner-->
        <div class="container">
            <div class="banner">
                <ul>
                    <li v-for="(img,index) in  caseimg" :class="{'active':index==1}">
                        <a href="#">
                            <img :src="img">
                        </a>
                    </li>
                </ul>
                <ol>
                    <li v-for="(img,index) in  caseimg" :class="{'active':index==1}">
                        <i></i>
                    </li>
                </ol>
            </div>
            <div style="padding:0 .2rem;">
                <h3 style="text-align: center;margin:.3rem 0 .2rem 0;">{{casetitle}}</h3>
                <p v-html="casetxt"></p>
            </div>
        </div>
    </div>
</div>
<script src="../js/jquery-1.10.2.min.js"></script>
<script src="../js/common.js"></script>
<script src="../js/banner.js"></script>
<script>
    var cases_detail=new Vue({
        el:"#casesDetail",
        data:{
            detail_id:{},
            caseimg:{},
            casetitle:{},
            casetxt:{}
        },
        methods:{
            getData:function(){
                var href=window.location.href;
                this.detail_id=parseInt(href.split("detail_id=")[1]);
                var _self=this;
                $.ajax({
                    type:"GET",
                    url:"../data/cases.php",
                    data:{
                        "detail_id":_self.detail_id
                    },
                    success:function(data){
                        _self.caseimg=data.img;
                        var len=data.img.length;
                        _self.caseimg[len]=data.img[0];
                        _self.caseimg.unshift(_self.caseimg[--len]);
                        _self.casetxt=data[0].pro_content;
                        _self.casetitle=data[0].pro_title;
                        _self.$nextTick(function() {
                            BannerCss(750, 525);
                            Banner();
                        });
                    },
                    error:function(XMLHttpRequest, textStatus, errorThrown){
                        console.log(XMLHttpRequest, textStatus, errorThrown);
                    }
                });
            }
        }

    });
    cases_detail.getData();
</script>
</body>
</html>